<html>
   <head>
       <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
     <h1 class = "Title">Wrinkly FaceBook</h1>
     <h2 class = "Subject">View Messages</h2>
     <br />
     &nbsp; &nbsp <button onclick="location = 'wall.html';"> Wall </button>
     &nbsp; &nbsp <button onclick="location = 'FindFriend.html';"> Find Friends </button>
     &nbsp; &nbsp <button onclick="location = 'Messages.html';"> Messages </button>
     &nbsp; &nbsp <button onclick="location = 'photos.html';"> Photos </button>
     &nbsp; &nbsp <button onclick="location = 'Landing.html';"> Logout </button>
     <br />
     <table width="100%" border="0">
        <td align = "center">
          <table width="75%" border="0">
	    <tr><td class="space"></td></tr>
	    <tr>
		<td colspan="3">
		<table class="info">
		   <td rowspan="6"><img src="Images/bieber.jpeg" width="150" height="150"></td>
		   <td class="name">Justin Bieber</td>
		   <tr><td class="space"></td></tr>
		   <tr><td class="post">You coming to my concert tonight?</td></tr>
                   <tr><td><button>View Message</button>   <button>Delete Message</button></td></tr>
		</table>
		</td>
	    </tr>
	    <tr><td class="space"></td></tr>
	    <tr>
		<td colspan="3">
		<table class="info">
		   <td rowspan="6"><img src="Images/trump.jpg" width="150" height="150"></td>
		   <td class="name">Donald Trump</td>
		   <tr><td class="space"></td></tr>
		   <tr><td class="post">Presidential Bid</td></tr>
                   <tr><td><button>View Message</button>   <button>Delete Message</button></td></tr>
		</table>
		</td>
	    </tr>
            <tr><td class="space"></td></tr>
	    <tr>
		<td colspan="3">
		<table class="info">
		   <td rowspan="6"><img src="Images/MrT.jpg" width="150" height="150"></td>
		   <td class="name">Mr. T</td>
		   <tr><td class="space"></td></tr>
		   <tr><td class="post">I pitty da.....</td></tr>
                   <tr><td><button>View Message</button>   <button>Delete Message</button></td></tr>
		</table>
		</td>
	    </tr>
            <tr><td class="space"></td></tr>
	    <tr>
		<td colspan="3">
		<table class="info">
		   <td rowspan="6"><img src="Images/jobs.jpg" width="150" height="150"></td>
		   <td class="name">Steve Jobs</td>
		   <tr><td class="space"></td></tr>
		   <tr><td class="post">Check out the new iTV</td></tr>
                   <tr><td><button>View Message</button>   <button>Delete Message</button></td></tr>
		</table>
		</td>
	    </tr>
            <tr><td class="space"></td></tr>
	    <tr>
		<td colspan="3">
		<table class="info">
		   <td rowspan="6"><img src="Images/jen.jpg" width="150" height="150"></td>
		   <td class="name">Jennifer Anniston</td>
		   <tr><td class="space"></td></tr>
		   <tr><td class="post">Are you free this weekend?</td></tr>
                   <tr><td><button>View Message</button>   <button>Delete Message</button></td></tr>
		</table>
		</td>
	    </tr>
         </table>
        </td>
      </table>
     <button onclick="window.location='Messages.html'">back</button>
   </body>
</html>